<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团队介绍</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="images/logo.jpg" type="image/x-icon" />

</head>

<body>
    <div class="container">
        <header id="shouye">
            <div class="shouzi">
                <h1>欢迎来到我们的小世界</h1>
                <p>Welcome to our world</p>
                <h3>————黑势力团伙3102</h3>
            </div>
        </header>
        <nav>
            <a href="#shouye" id="shou">首页</a>
            <a href="#guanyu" id="guan">关于</a>
            <a href="#lianxi" id="lian">联系</a>
        </nav>
        <section id="guanyu">
            <div class="guan">
                <div class="hao">
                    <img src="images/郝.jpg " id="hao">
                    <div class="h">
                        <h4>姓名：郝近桃</h4>
                        <h4>籍贯：四川达州</h4>
                        <h4>星座：双鱼座 </h4>
                        <h4>爱好：运动、旅游、画画</h4>
                        <a href="http://hao-jintao.gitee.io/personal-website" target="blank" id="t">个人网站:http://hao-jintao.gitee.io/personal-website</a>
                    </div>

                </div>
                <div class="wu">
                    <img src="images/吴.jpg " id="wu">
                    <div class="w">
                        <h5>姓名：吴可</h5>
                        <h5>籍贯：安徽合肥</h5>
                        <h5>星座：狮子座</h5>
                        <h5>爱好：摄影、唱歌、画画、和朋友一起旅行</h5>
                        <a href="http://wu--ke.gitee.io/personal-website" target="blank" id="k">个人网站:http://wu--ke.gitee.io/personal-website</a>
                    </div>

                </div>
                <div class="jia">
                    <img src="images/贾.jpg " id="jia">
                    <div class="j">
                        <h6>姓名：贾梦雨</h6>
                        <h6>籍贯：陕西西安</h6>
                        <h6>星座：摩羯座</h6>
                        <h6>爱好：吃、画画、听歌</h6>
                        <a href="http://jia-mengyu.gitee.io/personal-website" id="y">个人网站:http://jia-mengyu.gitee.io/personal-website</a>
                    </div>

                </div>
                <div class="xie">
                    <img src="images/谢.jpg " id="xie">
                    <div class="x">
                        <h2>姓名：谢孟纱</h2>
                        <h2>籍贯：重庆</h2>
                        <h2>星座：水瓶座</h2>
                        <h2>爱好：游戏、做饭、听歌、唱歌</h2>
                        <a href="http://xie-mengsha.gitee.io/" target="balnk" id="s">个人网站:http://xie-mengsha.gitee.io/</a>
                    </div>

                </div>
            </div>
        </section>
        <footer id="lianxi">
            <div class="lian">
                <div class="hei">
                    <h7>如果你对我们黑势力团伙3102感兴趣的话，可以通过 <br>下方联系方式找到我们哦</h7>
                    <hr>
                </div>
                <h12>电话号码：</h12>
                <br>
                <h8>郝近桃：18281845106</h8>
                <h9>吴可：18756528076</h9>
                <h10>贾梦雨：18329965736</h10>
                <br>
                <h11>谢孟纱：17843607421</h11>
            </div>
        </footer>
    </div>
</body>

</html>